<template>
  <div class="main">
    <van-nav-bar title="挂号信息" left-text="返回" left-arrow   @click-left="onClickLeft">
    </van-nav-bar>
    <van-row class="flex">
      <van-col span="16" class="flex" style="color:#3399ff">
        <van-icon name="passed" size="40"/>
        <span class="text-overstriking" style="font-size: 30px">预约成功</span>
      </van-col>
      <van-col span="8" style="text-align: center">
        <van-cell title="识别码" label="88125188181" title-style="font-size:10px;text-align:right"></van-cell>
      </van-col>
    </van-row>
    <van-divider/>
    <van-row class="flex">
      <van-col span="4">
        <span class="text-overstriking">王天辰</span>
      </van-col>
      <van-col span="20">
        <span title-style="font-size:10px;text-align:right">居民身份证321102185498489484</span>
      </van-col>
    </van-row>
    <van-cell style="margin-top:30px;height:60px;background-color:gainsboro;font-size: 22px;"
              class="text-overstriking flex"><span style="margin-left:10px;">挂号信息</span></van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">就诊日期</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">就诊医院</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">就诊科室</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">挂号证件</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">医院职称</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">取号时间</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">区号地点</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">医事服务费</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">挂号单号</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
    <van-cell style="margin-top:30px" class="flex">
      <van-row>
        <van-col span="8" class="flex">
          <span style="font-size: 25px">退号时间</span>
        </van-col>
        <van-col span="16" class="flex">
          <span style="font-size: 25px">2015年2月16 周日 上午</span>
        </van-col>
      </van-row>
    </van-cell>
  </div>
</template>

<script>

export default {
  name: 'HospitalDetail',
  components: {},
  props: [],
  data () {
    return {
      items: [
        {
          // 导航名称
          text: '所有城市',
          badge: 3,
          // 是否在导航名称右上角显示小红点
          dot: true,
          // 导航节点额外类名
          className: 'my-class',
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: '温州',
              // id，作为匹配选中状态的标识符
              id: 1
            },
            {
              text: '杭州',
              id: 2
            }
          ]
        },
        {
          // 导航名称
          text: '其他城市',
          badge: 3,
          // 是否在导航名称右上角显示小红点
          dot: true,
          // 导航节点额外类名
          className: 'my-class',
          // 该导航下所有的可选项
          children: [
            {
              // 名称
              text: '温州',
              // id，作为匹配选中状态的标识符
              id: 1
            },
            {
              text: '杭州',
              id: 2
            }
          ]
        }
      ],
      activeId: 1,
      activeIndex: 0,
      show: false,
      date: '',
      tabimg6: require('../assets/tabimg6.png')
    }
  },
  computed: {},
  created () {
  },
  mounted () {
  },
  watch: {},
  methods: {
    onNavClick (index) {
      console.log(index)
    },
    onSearch () {

    },
    onConfirm (date) {
      this.show = false
      this.date = this.formatDate(date)
    },
    formatDate (date) {
      return `${date.getMonth() + 1}/${date.getDate()}`
    },
    onClickLeft () {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped lang='less'>
.van-cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 0.01rem 0.01rem;
  overflow: hidden;
  color: #323233;
  font-size: 0.37333rem;
  line-height: 0.64rem;
  background-color: #fff;
}

.van-cell__label {
  margin-top: 1px;
  color: #3399ff;
  font-size: 0.32rem;
  line-height: 0.48rem;
}

</style>
